<template>
	<section id="videoMain">
		<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
			<div class="videoMain">
				<div class="videoMain_list">
					<router-link to="">
						<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
					</router-link>
				</div>
				<div class="videoMain_list">
					<router-link to="">
						<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto" ></video>
					</router-link>
				</div>
				<div class="videoMain_list">
					<router-link to="">
						<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
					</router-link>
				</div>
				<div class="videoMain_list">
					<router-link to="">
						<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
					</router-link>
				</div>
				<div class="videoMain_list">
					<router-link to="">
						<video class="brandVideo" src="http://pic1.brandcn.com/ppj/2018ppj/section/img/a.mp4" controls="controls" width="100%" height="auto"></video>
					</router-link>
				</div>
			</div>
		</van-pull-refresh>
	</section>
	
</template>

<script>
	export default {
		data() {
			return {
				isLoading: false
			};
		},
		components: {
		},
		methods: {
			// 下拉刷新
			onRefresh() {
				setTimeout(() => {
				this.$toast('刷新成功');
				this.isLoading = false;
				}, 500);
			}
		},
		mounted() {
			// 这里要进行请求把导航循环出来 ，然后根据传过来的id进行导航切换内容，目前用静态
		},
		computed: {

		}
	};
</script>
<style scoped lang="scss">
	@import "@/asserts/styles/video/video.scss";
</style>
